<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>北京航天公司固定资产管理系统</title>
</head>
<body>
    <div class="layui-inline">
        <div class="layui-col-xs6 layui-col-md4">
            <blockquote class="layui-elem-quote" style="width: 1550px;">总资产展示</blockquote><br>
        </div>
    </div>
    <form action="" class="layui-form">
        <div class="layui-inline">
            <label class="layui-form-label">资产名称：</label>
            <div class="layui-input-inline">
                <input type="text" name="property_name" id="property_name"  placeholder="资产名称" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label" style="width: 150px;">资产类型：</label>
            <div class="layui-input-inline">
                <select name="present_dep_id"  id="present_dep_id" >
                    <option value="">---请选择资产类型---</option>
                    <option th:each="Department : ${propertyTypeList}" th:value="${Department.pt_id}" th:text="${Department.pt_name}"></option>
                </select>
            </div>
        </div>
        <button type="button" onclick="likeAll()" class="layui-btn">查询资产</button>
    </form>
    <table  id="myTable"   lay-filter="tableFilter"></table>
</body>
<script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/layui/layui.all.js"></script>
<link rel="stylesheet" href="/layui/css/layui.css">
</html>
<script type="text/javascript">
    var table = layui.table;
    table.render({
        elem: '#myTable',//绑定表格的id
        url: "/CheckPlan/selectAllProperty",
        width: 1500,
        height:500,
        method: 'post',
        autoSort: false,
        toolbar: '#toolbarDemo', //开启头部工具栏
        cols: [[{
            field: 'property_id',
            title: '资产编号',
            align: 'center',//字体居中
        }, {
            field: 'property_name',
            title: '资产名称',
            align: 'center',//字体居中
        }, {
            field: 'property_status',
            title: '当前状态',
            align: 'center',//字体居中
            templet: function (d) {
                if (d.property_status == 1) {
                    return '<span style="color: green">●闲置中</span>'
                } else if (d.property_status == 2) {
                    return '<span style="color: red">●领用中</span>'
                }else if (d.property_status == 3) {
                    return '<span style="color: red">●借用中</span>'
                }else if (d.property_status == 4) {
                    return '<span style="color: orange">●维修中</span>'
                }else if (d.property_status == 5) {
                    return '<span style="color: lightgray">●已报废</span>'
                }
            }
        }, {
            field: 'property_unit',
            title: '资产单位',
            align: 'center',//字体居中
        }, {
            field: 'property_tname',
            title: '资产类别',
            align: 'center',//字体居中
        }, {
            field: 'property_principal',
            title: '资产负责人',
            align: 'center',//字体居中
        }, {
            field: 'property_put_time',
            title: '入库时间',
            align: 'center',//字体居中
        }, {
            field: 'property_dep_name',
            title: '原处位置',
            align: 'center',//字体居中
        }, {
            field: 'persent_dep_name',
            title: '当前位置',
            align: 'center',//字体居中
            templet: function (d) {
                if (d.persent_dep_name == null) {
                    return '<span style="color: lightgray">位置尚未转移</span>'
                } else {
                    return d.persent_dep_name
                }
            }
        }, {
            field: 'price',
            title: '资产金额',
            align: 'center',//字体居中
        }]
        ],
        limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
        limit: 9,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
        page: true,//是否开启分页
        request: {
            pageName: 'page',
            limitName: 'limit'
        }
    })


    function likeAll() {
        $("#myTable").empty()
        var property_name = $("[name='property_name']").val()
        var present_dep_id = $("#present_dep_id").val()
        var table = layui.table;
        table.render({
            elem: '#myTable',//绑定表格的id
            url: "/CheckPlan/selectAllProperty",
            width: 1500,
            height:500,
            method: 'post',
            autoSort: false,
            toolbar: '#toolbarDemo', //开启头部工具栏
            cols: [[{
                field: 'property_id',
                title: '资产编号',
                align: 'center',//字体居中
            }, {
                field: 'property_name',
                title: '资产名称',
                align: 'center',//字体居中
            }, {
                field: 'property_status',
                title: '当前状态',
                align: 'center',//字体居中
                templet: function (d) {
                    if (d.property_status == 1) {
                        return '<span style="color: green">●闲置中</span>'
                    } else if (d.property_status == 2) {
                        return '<span style="color: red">●领用中</span>'
                    }else if (d.property_status == 3) {
                        return '<span style="color: red">●借用中</span>'
                    }else if (d.property_status == 4) {
                        return '<span style="color: orange">●维修中</span>'
                    }else if (d.property_status == 5) {
                        return '<span style="color: lightgray">●已报废</span>'
                    }
                }
            }, {
                field: 'property_unit',
                title: '资产单位',
                align: 'center',//字体居中
            }, {
                field: 'property_tname',
                title: '资产类别',
                align: 'center',//字体居中
            }, {
                field: 'property_principal',
                title: '资产负责人',
                align: 'center',//字体居中
            }, {
                field: 'property_put_time',
                title: '入库时间',
                align: 'center',//字体居中
            }, {
                field: 'property_dep_name',
                title: '原处位置',
                align: 'center',//字体居中
            }, {
                field: 'persent_dep_name',
                title: '当前位置',
                align: 'center',//字体居中
                templet: function (d) {
                    if (d.persent_dep_name == null) {
                        return '<span style="color: lightgray">位置尚未转移</span>'
                    } else {
                        return d.persent_dep_name
                    }
                }
            }, {
                field: 'price',
                title: '资产金额',
                align: 'center',//字体居中
            }]
            ],
            limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
            limit: 9,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
            page: true,//是否开启分页
            request: {
                pageName: 'page',
                limitName: 'limit'
            },
            where:{
                property_name:property_name,
                present_dep_id:present_dep_id
            }
        })
    }
</script>